.home-page{
	
	.every-day-ask{
		color: #555;
		.ans-num{
			width: 60px;
			height: 60px;
			background-color: $tone;
			box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
			color: #fff;
			margin-right: 1em;
			border-radius: 2px;
			span,
			b{
				display: block;
				line-height: 2;
				text-align: center;
			}
			b{
				font-size: 1.2em;
			}
		}
		.content{
			color: #555;
			display: block;
			overflow: hidden;
			text-align: justify;
			&:hover,
			&:active{
				color: #111;
			}
		}
	}


	.invite{
		box-shadow: inset 0 1px 6px 0 rgba(0,0,0,0.05),
			inset 1px 0px 6px 0 rgba(0,0,0,0.05),
			inset 0 -1px 6px 0 rgba(0,0,0,0.05),
			inset -1px 0 6px 0 rgba(0,0,0,0.05);

		padding: 10px;
		border: 1px solid $light-gray;
		border-radius: 3px;
		p{
			margin: 0;
		}
	}

}



//pad
@media (max-width: $screen-sm-max) and (min-width: $screen-xs-max) {
	.home-page{

		.every-day-ask{
			.ans-num{
				float: none !important;
				display: block;
				width: 100%;
				text-align: center;
				line-height: 40px;
				height: auto;
				margin-bottom: 1em;
				span,
				b{
					display: inline;
				}
			}
		}
	}
}
